$(document).ready(function(){
	$.ajax({
		"type":"get",
		"url":'../UserInfoServlet?method=GetUserList',
		"data":{
			"tablename":"userInfoTable",
			"pagenum":1
		},
		success:function(data){
			console.log(data);
			appendUserInfo(data);
		},
		error:function(){
			console.log("error");
		}
	})
	
	//	日期时间
	$("#dateTimePicker").datetimepicker({
//	    "language":  'ch',
//		一周从哪天开始
	    "weekStart": 1,
//	    日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
	    "todayBtn":  true,
	    "autoclose": true,
	    "todayHighlight": true,
//	    选择器打开之后首先显示的视图  0-hour 1-day 2-month 3-year 4-decade
	    "startView": 2,
//	    所能提供的最精确的视图
	    "minView":3,
	    "maxView":4,
	    "forceParse": true,
	    "format": "yyyy/mm/dd"
	});
	
//	查询按钮事件方法
	$("#searchbtn").click(function(){
		var username = $("#username_ipt").val();
		var role = $("#role_ipt").val();
		var status = $("#status_ipt").val();
		var registered_date = $("#registered_date_ipt").val();
		$.ajax({
			"type":"post",
			"url":"../UserInfoServlet?method=Query",
			"data":{
				"username":username,
				"role":role,
				"status":status,
				"registered_date":registered_date,
				"pagenum":1
			},
			success:function(data){
//				移除原有的表格  重新生成
				$("tbody").remove();
				$("#pagetoolBar").empty();
				appendUserInfo(data);
			}
		
		});
	})
	
});
//	查看按钮方法  参数 userid
	function viewDetail(id){
		var url = "../WebManagement/viewUserDetail.jsp";
		location.href=url+"?user_id="+id;
	}
//锁定方法 参数 userid  用户现在status
function lockUserStatus(id,now_status){
	$.ajax({
		"type":"get",
		"url":"../UserInfoServlet?method=ChangeUserStatus",
		"data":{
			"user_id":id,
			"now_status":now_status
		},
		success:function(data){
			console.log(data);
			location.reload();
		},
		error:function(){
			console.log("error");
		}
	})
}
//将后台获取的用户信息append到table节点上，生成表格，由查询方法与拉取全部信息的方法 共用
function appendUserInfo(data){
	var recordsTotal = JSON.parse(data).recordsTotal;
    console.log("recordsTotal:"+recordsTotal);
   
//    如果返回recordsTotal=0 说明没有找到查询的数据
    if(recordsTotal==0){
    	var info = JSON.parse(data).Info;
    	console.log(info);
    	$("#resultinfo").text(info);
    	window.setTimeout(function(){
    		$.blockUI({
    			message:$('#noresult'),
    			css: {
    				padding:"20px",
                    border: "1px",                   // 无边界
                    width:"1000px",                     // 中间框框的宽度
                    top:"40%",                        // 高居中
                    left:"20%"                        // 左居中
               },
    		});
    	},100);
    	$("#res_confirm").click(function(){
    		 $.unblockUI();
    		 location.reload();
    	});
    }
    else{
    	 appendUserResult(data);
    	 var url ='../UserInfoServlet?method=GetUserList';
		 pageMaker(recordsTotal,url,"pagetoolBar","userlist");
    }
    
}
//翻页方法
function userlist(data){
	$("tbody").remove();
	appendUserResult(data);
}
//有数据的情况下append数据到结果到页面，生成表格
function appendUserResult(data){
	var usersData = JSON.parse(data).users;
	 $.each(usersData,function(indexs,values){
//	    	var lockbtn="";
//	    	判断用户状态是否解锁
	    	if(this.status==false){
	    		var lockbtn = "<td class='center'>"
	    	            +"<button id='"+this.user_id+"_view' class='btn btn-success' >"
	                    +"<i class='glyphicon glyphicon-zoom-in icon-white'></i>查看</button>&nbsp&nbsp"
	                +"<button id='"+this.user_id+"_edit' class='btn btn-info' >"
	                    +"<i class='glyphicon glyphicon-edit icon-white'></i>修改</button>&nbsp&nbsp"+"<button id='"+this.user_id+"_statusbtn' class='btn btn-danger' >"
	            +"<i class='glyphicon glyphicon-lock icon-white'></i>锁定</button></td></tr>";
	    	}
	    	else if(this.status==true){
	    		var lockbtn = "<td class='center'>"
	    	            +"<button id='"+this.user_id+"_view' class='btn btn-success' >"
	                    +"<i class='glyphicon glyphicon-zoom-in icon-white'></i>查看</button>&nbsp&nbsp"
	                +"<button id='"+this.user_id+"_edit' class='btn btn-info' >"
	                    +"<i class='glyphicon glyphicon-edit icon-white'></i>修改</button>&nbsp&nbsp"+"<button id='"+this.user_id+"_statusbtn' class='btn btn-danger' >"
		                +"<i class='glyphicon glyphicon-lock icon-white'></i>解锁</button></td></tr>";
	    	}
//	    	console.log(this.username);
	    	var tr = "<tr><td>"+this.username+"</td><td>"
	    			+this.registered_date+"</td><td>"+this.role+"</td><td id='"+this.user_id+"_status'>"+this.status+"</td>";
	    
//	    	遍历添加行
	    	var tr = tr + lockbtn;
	    	$("#userInfoTable").append(tr);
//	    	绑定查看按钮点击事件
	    	var btnview_id =this.user_id+"_view";
	    	$("#"+btnview_id).click(function(){
		    		console.log(this.id);
		    		var userid = this.id.split("_");
		    		viewDetail(userid[0]);
	    	});
//	    	绑定编辑按钮点击事件
	    	var btnedit_id =this.user_id+"_edit";
	    	$("#"+btnedit_id).click(function(){
		    		console.log(this.id);
		    		var userid = this.id.split("_");
		    		viewDetail(userid[0]);
	    	});

//	    	绑定锁定按钮点击事件		    	
	    	var btndelete_id =this.user_id+"_statusbtn";
	    	$("#"+btndelete_id).click(function(){
		    		var userid = this.id.split("_");
//		    		获得用户当前状态
		    		var status= $("#"+userid[0]+"_status").text();
		    		console.log(status);
		    		lockUserStatus(userid[0],status);
	    	});

	    });
}